/* Slider */
@charset "utf-8";html{font-family:"Microsoft YaHei";font-size:12px}
b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}
img,input{border:0;vertical-align:middle}
li,ul{list-style:none;margin:0;padding:0}
i{ font-style:normal;}
form{padding:0;margin:0}
td{FONT-SIZE:12px}
img{border:0}
.html{ overflow:hidden;}
a{COLOR:#333;blr:expression(this.onFocus=this.blur());text-decoration:none}
a:focus{outline:0}
input,textarea{outline:0}
a:hover{color:#1760c5;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.content{ padding:0 5%;overflow:hidden;margin:0 auto ; }
.con_box{ padding:0 5%;overflow:hidden;margin:0 auto ; }
.w100{ margin:100px auto 0; }
@font-face { font-family : DINProb; src:url(/wp-content/themes/pc/assets/images/DINPro-Bold.otf);}
@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul{font-size:14px;font-family:'Microsoft YaHei'}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.top{ background:#000000; height:40px; line-height:40px; width:100%; overflow:hidden; color:#fff;}
.top span{ float:right;}
.top span i{ margin-left:50px;}
.head{ width:100%;height:100px; z-index:999; background:#fff;}
.logo{ margin-top:16px; float:left; color:#fff; font-weight:bold; font-size:30px;}
.logo span{ font-size:24px; font-weight:bold; color:#666;}
.hot{float: right; margin-top: 28px; font-size: 25px; font-weight: bold; width:45px; height:45px; border-radius:50%; color: #fff; background: #1760c5 url(../images/hot.png) no-repeat center center; margin-left:20px; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;overflow:hidden; position:absolute; right:4%; z-index:2 ;cursor:pointer}
.hot span{ opacity:0;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; margin:6px 0 0 50px; display:inline-block;}
.hot:hover{ background: #1760c5 url(../images/hot.png) no-repeat center left 20px; width:250px; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; border-radius:30px; }
.hot:hover span{ opacity:1;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}
.wx{float: right; margin-top: 28px; font-size: 25px; font-weight: bold; width:45px; height:45px; border-radius:50%; color: #fff; background: #16b809 url(../images/wx.png) no-repeat center center; margin-left:20px; cursor:pointer }
.wx span{ opacity:0; width:85px; margin-top:45px; margin-left:-20px; display:inline-block; overflow:hidden; font-size:20px; color:#fff; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}
.wx span img{ width:100%}
.wx:hover span{ opacity:1}
.menu{ margin:0 3%; height:100px; position:relative;}
.menu .nav{height:100px;margin:0 auto; float:right; margin-right: 5%;}
.menu .nav li{float:left;list-style:none; display:block; position:relative;}
.menu .nav li a{ display:inline-block;height:100px; font-size:18px; width:120px; text-align:center; line-height:100px;color:gray;text-decoration:none;position:relative;overflow:hidden; color:#333}
.menu .nav li a:hover{ color:#1760c5}
.menu .nav li a:after{ content:""; width:0%; position:absolute; height:2px; background:#1760c5; bottom:0px;left:50%; z-index:1}
.menu .nav li a:hover:after{content:""; width:100%; position:absolute; height:2px; background:#1760c5; bottom:0px;left:0%;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;}
.menu .nav li a.current:after{content:""; width:100%; position:absolute; height:100px; background:#1760c5; bottom:0px;left:0%;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out ; }
.menu .nav li a span{position:absolute;left:0;width:100%; z-index:3 }
.menu .nav li ul{ position:absolute; overflow:hidden; background:#fff; display:none; width:150px; left:50%; margin-left:-78px;}
.menu .nav li ul li{ height:55px; line-height:55px; width:100%; float:inherit; }
.menu .nav li ul li a{ height:55px; line-height:55px; font-size:15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block; width:auto;}
.menu .nav li:hover ul{ display:block;}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; }
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:39px;display:none;}
.sp_nav span{display:block;background:#1760c5;width:40px;height:4px;position:absolute;left:10px;transition:all ease 0.35s; border-radius:6px;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 77px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:100px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.pc_banner,.m_banner{ width:100%; overflow:hidden; margin:0px auto;}
.pc_banner img,.m_banner img{ width:100%; overflow:hidden; margin:0px auto;}
.m_banner .swiper-pagination-bullet{ opacity:0.8; background:#fff}
.m_banner .swiper-pagination-bullet-active{ background:#1760c5}
.pc_banner .swiper-button-prev, .pc_banner .swiper-container-rtl .swiper-button-next {
background-image:url(/wp-content/themes/pc/assets/images/b_left.png);
left: 10px;
right: auto;
}
.pc_banner .swiper-button-next,.pc_banner .swiper-container-rtl .swiper-button-prev {
background-image: url(/wp-content/themes/pc/assets/images/b_right.png);
right: 10px;
left: auto;
}
.pc_banner .swiper-button-next,.pc_banner .swiper-button-prev{ width:44px; background-size:44px 44px;}
.pc_banner .banMenu {position: absolute;left: 50%;width: 30px;bottom:60px;height: 46px;margin-left: -15px;text-align: center;z-index: 5;}
.pc_banner .banMenu i {display: block;width: 30px;height: 46px; cursor: pointer;position: absolute;bottom: 0;left: 0;}
.pc_banner .banMenu i img {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-animation: bounceY 2s infinite;-moz-animation: bounceY 2s infinite;-o-animation: bounceY 2s infinite;-ms-animation: bounceY 2s infinite;animation: bounceY 2s infinite;}
@-moz-keyframes bounceY {
0%,
100% {-moz-transform: translateY(0);transform: translateY(0);}
50% {-moz-transform: translateY(-6px);transform: translateY(-6px);}
}
@-o-keyframes bounceY {
0%,100% {-o-transform: translateY(0);transform: translateY(0);}
50% {-o-transform: translateY(-6px);transform: translateY(-6px);}
}
@keyframes bounceY {
0%,100% {transform: translateY(0);}
50% {transform: translateY(-6px);}
}
.f_nav p a:hover{color:#fff; text-decoration:underline;}
.m_banner{ display:none;}
.sousuo{ overflow:hidden; border-bottom:1px #ccc solid; height:90px; line-height:90px; font-size:18px; }
.sousuo span{ font-size:18px; font-weight:bold; position:relative; padding-left:40px; color:#666;}
.sousuo em{ font-size:18px; color:#666; font-style:normal; margin:0 5px; line-height:90px;}
.sousuo span img{vertical-align:sub; position:absolute; width:33px; height:44px; left:0px; top:-17px; }
.box1{ background:#f3f3f3; overflow:hidden; margin:0px auto;}
.about_left{ overflow:hidden;}
.about_left h3{ font-size:40px; color:#666; font-weight:400; overflow:hidden;}
.about_left span{ float:right; border-left:1px #ccc solid; font-size:48px; padding-left:10px;}
.about_left span i{ font-size:16px; display:block;}
.about_left span a{ color:#1760c5}
.about_left dd{ font-size:18px; line-height:36px; color:#545252; margin-top:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.about_video{ width:48%; float:right; overflow:hidden;}
.w50{ padding-top:50px }
.isMyVideo{width:100%;margin:0 auto;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}
.isMyVideo img{width:100%}
.centerIndex{position:relative;margin-left:auto;margin-right:auto;width:100%;height:100%;z-index:999;display:none;background:#000;position:absolute;top:0}
.centerIndex video{width:100%;height:100%}
.indexClose{width:40px;height:40px;float:left;background:#2b122f;color:#fff;text-align:center;line-height:40px;position:absolute;right:0;top:0}
.indexClose:hover{cursor:pointer}
.isMyVideo1{width:100%;margin:0 auto;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}
.isMyVideo1 img{width:100%}
.centerIndex1{position:relative;margin-left:auto;margin-right:auto;width:100%;height:100%;z-index:999;display:none;background:#000;position:absolute;top:0}
.centerIndex1 video{width:100%;height:100%}
.indexClose1{width:40px;height:40px;float:left;background:#2b122f;color:#fff;text-align:center;line-height:40px;position:absolute;right:0;top:0}
.indexClose1:hover{cursor:pointer}
@keyframes warn {0% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.0;}
25% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;}
50% {transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.3;}
75% {transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.6;}
100% {transform:scale(1);-webkit-transform:scale(1);opacity:0.0;}
}
@keyframes warn1 {0% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.0;}
25% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;}
50% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.3;}
75% {transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.6;}
100% {transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.0;}
}
.in_video .lightbox {display:block;width:60px;height:60px;position:relative;z-index:3; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-30px;}
.in_video .lightbox .img {display:block;width:60px;height:60px;padding:0;/*! border:2px solid #fff;*/border-radius:50%;overflow:hidden;position:absolute;top:0;left:0;z-index:3;margin-left:0;margin-top:0;background:#2b122f;background:#fff}
.in_video .lightbox .img img { width: 25px;height: 25px;display: block; margin: 18px 20px;display:block}
.in_video .pulse {position:absolute;top:50%;left:50%;z-index:1;margin-top:-60px;margin-left:-60px;width:120px;height:120px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff; opacity:0;-webkit-animation:warn 2s ease-out 1s;-moz-animation:warn 12 ease-out 1s;animation:warn 2s ease-out 1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;transform:scale(0);}
.in_video .pulse1 {position:absolute;top:50%;left:50%;z-index:1;margin-top:-60px;margin-left:-60px;width:120px;height:120px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff; opacity:0;-webkit-animation:warn 2s ease-out;-moz-animation:warn 2s ease-out;animation:warn 2s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;transform:scale(0);}
.shuzi{ overflow:hidden; width:100%; clear:both;}
.pic_nav{ overflow:hidden; margin:30px auto}
.pic_nav span{ font-size:48px; color:#666; float:left;}
.pic_nav ul{overflow:hidden; float:right; margin-top:20px;}
.pic_nav ul li{ overflow:hidden; padding:10px 20px; margin:5px; display:inline-block; font-size:16px}
.pic_nav ul li a:hover{ color:#1760c5;}
.pic_nav1{ overflow:hidden; margin:30px auto}
.pic_nav1 ul{overflow:hidden; text-align:center;}
.pic_nav1 ul li{ overflow:hidden; background:#f2f2f2; border:10px #fff solid; display:inline-block; padding:10px 40px; box-sizing:border-box; font-size:16px}
.pic_nav1 ul li:hover{ background:#1760c5}
.pic_nav1 ul li:hover a{color:#fff;}
.anli{ overflow:hidden;}
.anli_datu{ float:left; width:63%;}
.anli_datu div{ overflow:hidden;}
.anli_datu div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%; }
.anli_datu div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1); opacity:0.8;}
.anli_datu dl{ background:#f6f6f6; overflow:hidden; padding:30px;}
.anli_datu dl dd{ font-size:18px; font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.anli_datu dl dd:after{display:block; content:"——"; font-weight:bold; color:#1760c5; font-size:24px;}
.anli_datu dl dt{ font-size:15px; line-height:28px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.anli_sid{ width:35%; float:right; overflow:hidden;}
/* 本例子css */
.picScroll-top{ margin:0 auto; overflow:hidden; position:relative; }
.picScroll-top .hd{ overflow:hidden; width:15%; float:right; }
.picScroll-top .hd .prev{ display:block; width:60px; height:50px; overflow:hidden;
cursor:pointer; background: #928d8e url(../images/xjt.png) no-repeat center center;margin-top:5px;}
.picScroll-top .hd .next{ display:block; width:60px; height:50px; overflow:hidden;
cursor:pointer; background: #928d8e url(../images/sjt.png) no-repeat center center; }
.picScroll-top .hd .prev:hover{ background:#1760c5 url(../images/xjt.png) no-repeat center center;}
.picScroll-top .hd .next:hover{ display:block; width:60px; height:50px; overflow:hidden;
cursor:pointer; background: #1760c5 url(../images/sjt.png) no-repeat center center; }
.picScroll-top .bd{ float:left; width:84%; }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{ text-align:center; zoom:1; margin-bottom:20px; }
.picScroll-top .bd ul li div{ text-align:center; }
.picScroll-top .bd ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%; }
.picScroll-top .bd ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1); opacity:0.5;}
.picScroll-top .bd ul li dl{ background:#f6f6f6; overflow:hidden; padding:28px 30px;}
.picScroll-top .bd ul li dl dd{ font-size:18px; font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.picScroll-top .bd ul li dl dd:after{display:block; content:"——"; font-weight:bold; color:#1760c5; font-size:24px;}
.picScroll-top .bd ul li dl dt{ font-size:15px; line-height:28px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.pic_zx{ overflow:hidden;}
.pic_zx ul{ overflow:hidden;}
.pic_zx ul li{ width:25%; border:3px #fff solid; box-sizing:border-box; float:left; overflow:hidden; position:relative;}
.pic_zx ul li img{ width:100%; height:100%; overflow:hidden;}
.pic_zx ul li .p_bjk{ position:absolute; width:100%; height:100%; top:0px; left:0px; overflow:hidden;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; z-index:10 }
.pic_zx ul li .p_bjk div{ width:85px; height:85px; margin:100px auto 30px; overflow:hidden;}
.pic_zx ul li .p_bjk h3{ font-size:18px; color:#fff; text-align:center; font-weight:400;}
.pic_zx ul li .p_bjk dd{ border:1px #fff solid; text-align:center; width:50%; margin:0px auto; display:block; position:absolute; bottom:-50%; left:25%; height:50px; line-height:50px; color:#fff; }
.pic_zx ul li:before{ content:""; width:100%; height:0%; background:rgba(0,0,0,0.6); position:absolute; top:0px; left:0;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; }
.pic_zx ul li:after{ content:""; width:100%; height:0%; background:rgba(0,0,0,0.6); position:absolute; bottom:0px; left:0; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; }
.pic_zx ul li:hover .p_bjk{ margin:10%; width:80%; height:80%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; border:1px #fff solid }
.pic_zx ul li:hover:before{ content:""; width:100%; height:50%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; }
.pic_zx ul li:hover:after{ content:""; width:100%; height:50%; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; }
.pic_zx ul li:hover .p_bjk dd{ bottom:30%; z-index:999}
.pic_zx ul li .p_bjk dd:hover{ background:#fff; color:#000}
.title{ overflow:hidden; margin:50px auto }
.title h3{ text-align:center; font-size:48px; font-weight:400; color:#333;}
.title h3 span{ font-weight:400; color:#333}
.title p{ font-size:18px; color:#666; text-align:center; margin:10px auto}
.title1{ overflow:hidden; margin:50px auto }
.title1 h3{ text-align:center; font-size:36px; font-weight:bold; color:#fff;}
.title1 h3 span{ color:#fff;}
.title1 p{ font-size:16px; color:#fff; text-align:center; margin:10px auto}
.title1:after{content:"———"; display:block; color:#fff; margin:0px auto; text-align:center;}
.title2{ overflow:hidden; margin:50px auto 20px }
.title2 h3{ text-align:center; font-size:48px; font-weight:400; color:#1760c5;}
.title2 h3 span{ font-weight:400; color:#333}
.title2 p{ font-size:18px; color:#666; text-align:center; margin:10px auto}
.pic_box{ overflow:hidden; margin-bottom:50px;}
.pic_box ul{ overflow:hidden; padding:0px 0;}
.pic_box ul li{ overflow:hidden; width:33.33%; overflow:hidden; background:#f2f2f2; border:10px #fff solid;float:left; box-sizing:border-box;}
.pic_box ul li div{ overflow:hidden; margin:10px; position:relative;}
.pic_box ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}
.pic_box ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_box ul li p{ overflow:hidden; height:50px; line-height:50px; text-align:center; font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.pic_box ul li div dl{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; background:rgba(230,0,19,0.6); width:100%; height:100%; position:absolute; top:-100%; left:0px;}
.pic_box ul li div dl dd{ width:150px; height:50px; border-radius:30px; line-height:50px; text-align:center; margin:20px auto; font-size:16px; color:#fff; }
.pic_box ul li div dl dt{ width:60px; height:60px; margin:100px auto 0}
.pic_box ul li div dl dt img{ width:100%}
.pic_box ul li:hover dl{ top:0px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}
.fll{ background:#f7f7f7; overflow:hidden; margin:60px auto 0; padding-bottom:60px;}
.koubei{ overflow:hidden;}
.koubei ul{ overflow:hidden; padding:20px 0 }
.koubei ul li{ padding:10px; overflow:hidden; width:20%; border:10px #f7f7f7 solid; box-sizing:border-box; float:left;}
.koubei ul li .kb{ overflow:hidden; background:#fff; box-shadow:0 0 10px #ccc; text-align:center;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}
.koubei ul li .kb div{ overflow:hidden; width:80px; height:80px; margin:50px auto 15px}
.koubei ul li .kb h3{ overflow:hidden; font-size:20px; font-weight:bold; color:#333;}
.koubei ul li .kb p{ overflow:hidden; font-size:15px; color:#555; line-height:28px; padding:15px 30px ; height:160px}
.koubei ul li:hover .kb{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px);}
.aboutbj{ width:100%; height:100%; margin:0px auto; overflow:hidden; background:url(/wp-content/themes/pc/assets/images/anlibj.jpg) no-repeat; background-size:100% 100%; background-attachment: fixed;; padding-bottom:50px;}
.about{ overflow:hidden; margin:5% auto 0;}
.about p{ font-size:45px; text-align:center; font-family:"Microsoft YaHei UI Light"; color:#fff;}
.about h3{ font-size:60px; font-family:"思源黑体 CN Medium" ; font-weight:400; text-align:center;color:#fff; margin:30px auto}
.about h4{ font-size:48px; text-align:center; color:#fff; }
.about dd{ color:#fff; line-height:28px; font-size:18px; margin-top:10px; margin-bottom:30px; text-align:center;}
.about dt{ width:180px; height:45px; line-height:45px; color:#fff; text-align:center; font-size:16px; margin:20px auto; }
.about dt a{color:#fff;}
.shuzi{ background:#f2f2f2;; overflow:hidden;}
.main{ overflow:hidden; margin:0px 5%; }
.mumping_mun { padding-left:1px ; overflow:hidden; ；}
.mumping_mun li{float:left;width:25%; border:1px #ccc solid; margin-left:-1px; background:#fff; box-sizing:border-box; color:#333;padding-top:1px; overflow:hidden; text-align:center; padding:3% 0;}
.mumping_mun li b{font-weight:400;font-size:56px;line-height:1;display:inline-block;position:relative;margin:15px 0 10px; font-family : DINProb; font-weight:bold;}
.mumping_mun li p{font-size:18px}
.mumping_mun li b i{font-style:normal; color:#031856}
.mumping_mun li b sup{ width:30px; height:30px; border-radius:50%; background:#1760c5; text-align:center; line-height:30px; color:#fff; font-size:20px; display:inline-block ; position:absolute; top:0px; right:-24px; font-weight:400; font-family:"Microsoft YaHei"}
.mumping_mun li b em{font-style:normal;font-size:14px;font-weight:100;padding-left:2px;position:relative;top:-4px}
.mumping_mun li span{ color:#999;}
.mumping_mun li dt{ font-size:16px; color:#999; margin:10px auto 0}
.mumping_mun li dt:after{ content:url(/wp-content/themes/pc/assets/images/szjt.png); margin-left:5px;}
.shili_tit{ overflow:hidden; margin:20px auto 0}
.pic_box ul li div dl{ display:none;}
.side{position:fixed;width:78px;right:0;bottom:20%;z-index:10000;border:1px solid #ccc;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer;}
.side ul li a{color:#333}
.side ul li:hover{background:#1760c5;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(/wp-content/themes/pc/assets/images/ios01.png)}
.side ul li i.bgs2{background-image:url(/wp-content/themes/pc/assets/images/ios02.png)}
.side ul li i.bgs3{background-image:url(/wp-content/themes/pc/assets/images/ios03.png)}
.side ul li i.bgs6{background-image:url(/wp-content/themes/pc/assets/images/ios03.png)}
.side ul li:hover i.bgs1{background-image:url(/wp-content/themes/pc/assets/images/icon11.png)}
.side ul li:hover i.bgs2{background-image:url(/wp-content/themes/pc/assets/images/icon22.png)}
.side ul li:hover i.bgs6{background-image:url(/wp-content/themes/pc/assets/images/icon33.png)}
.side ul li.sideetel:hover .telBox{display:block}
.side ul li.sideewm:hover .ewBox{display:block}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sideewm .ewBox{width: 130px;
display: none;
color: #363636;
text-align: center;
padding: 10px;
position: absolute;
left: -152px;
top: -75px;
background-repeat: no-repeat;
background-position: center center;
border: 1px solid #e0e0e0;
background: #1760c5;}
.side ul li.sideetel .telBox{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#1760c5}
.side ul li.sideetel .telBox dd{display:block;height:100px;overflow:hidden;padding-left:82px;line-height:20px;font-size:18px;padding-top:14px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(/wp-content/themes/pc/assets/images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada}
.side ul li.sideetel .telBox dd.bgs2{background:url(/wp-content/themes/pc/assets/images/icon11.png) 28px 19px no-repeat;background-size:15%}
.side ul li.sideewm .ewBox img{width:100%}
.n_banner{ width:100%; overflow:hidden; margin:0px auto 0;}
.n_banner img{ width:100%}
.mbx{border-bottom:1px #ccc solid}
.mbx a.home{display:block;width:64px;height:62px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:url(/wp-content/themes/pc/assets/images/InpageAddress_icon01.png) no-repeat center;float:left;position:relative;z-index:122}
.mbx a.home:hover{background:url(/wp-content/themes/pc/assets/images/InpageAddress_icon03.png) no-repeat center}
.mbx .p1{line-height:62px;float:left;position:relative;z-index:130;background:url(/wp-content/themes/pc/assets/images/InpageAddress_icon01.jpg) no-repeat 0 19px;padding-left:26px}
.mbx .p1 a{display:block;padding-right:14px;background:url(/wp-content/themes/pc/assets/images/InpageAddress_icon02.png) no-repeat center right;font-size:16px;float:left;margin-left:10px}
.mbx .p1 a:first-child{margin-left:0}
.mbx .p1 a:last-child{background-image:none}
.mbx span{float:right;line-height:64px}
.mbx .p1 a:hover{color:#1473c8}
.pic_content{ overflow:hidden; margin-top:40px;}
.pic_content ul{ overflow:hidden;}
.pic_content ul li{ overflow:hidden; width:25%; float:left; box-sizing:border-box; border:10px #fff solid;}
.pic_content ul li .pic_com { overflow:hidden; }
.pic_content ul li .pic_com div{ overflow:hidden; background:#000; position:relative;border:1px #f2f2f2 solid; }
.pic_content ul li .pic_com dl{ border:1px #f2f2f2 solid; margin:0px 0 0 }
.pic_content ul li .pic_com dl dd{ height:45px; line-height:50px; font-size:18px; overflow:hidden; padding:0 20px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pic_content ul li .pic_com dl dt{ height:80px; line-height:45px; font-size:16px; overflow:hidden;border-top:1px #f2f2f2 solid; margin: 0 10px; padding-left:10px; background:url(/wp-content/themes/pc/assets/images/jt.png) no-repeat 100% 20px ;}
.pic_content ul li a{ color:#666;}
.pic_content ul li .pic_com div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%; }
.pic_content ul li .pic_com div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1); opacity:0.5;}
.pic_content ul li .pic_com div p{ position:absolute; width:100%; height:100%; overflow:hidden; top:0px; left:0px; opacity:0;-webkit-transition:all .5s;transition:all .5s;}
.pic_content ul li .pic_com div p span{ display:block; text-align:center; margin:35% auto 0; font-size:16px; color:#fff;}
.pic_content ul li .pic_com div p span:after{content:""; width:0%; height:1px ; background:#fff; display:block; margin:10px auto; -webkit-transition:all .5s;transition:all .5s;}
.pic_content ul li .pic_com div p span:before{content:""; width:0%; height:1px ; background:#fff; display:block; margin:10px auto; -webkit-transition:all .5s;transition:all .5s;}
.pic_content ul li:hover .pic_com div p{ opacity:1;-webkit-transition:all .5s;transition:all .5s;}
.pic_content ul li:hover .pic_com div p span:after{content:""; width:50%; height:1px ; background:#fff; display:block; margin:10px auto; -webkit-transition:all .5s;transition:all .5s;}
.pic_content ul li:hover .pic_com div p span:before{content:""; width:50%; height:1px ; background:#fff; display:block; margin:10px auto; -webkit-transition:all .5s;transition:all .5s;}
.page{width:100%;height:auto;overflow:hidden; margin:40px auto 20px;}
.page ul{display:table;margin:0 auto}
.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin:0 5px}
.page ul li a{color:#333}
.page ul .thisclass{background:#1760c5;color:#fff;border:1px solid #1760c5}
.page select{border:none;background:0 0;outline:0}
.page ul .thisclass a{color:#fff;}
.anli{overflow:hidden;margin:20px auto 0;}
.anli ul{overflow:hidden;}
.anli ul li{width:370px;float:left;overflow:hidden; border:10px #fff solid; box-sizing:border-box;}
.anli ul li div{overflow:hidden;}
.anli ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:40px;line-height:40px;font-size:16px;text-align:center; position:relative;}
.anli ul li a{color:#333}
.anli ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%; }
.anli ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli ul li:hover p{color:#fff; background:#1760c5}
.newcon{ overflow:hidden;}
.newtj{float: left;width: 43%;}
.newtj dt{wioverflow: hidden;margin-bottom: 15px;}
.newtj dt img{width: 100%;height: 100%;display: block;}
.newtj h3{height: 56px;line-height: 56px;font-size: 16px;color: #17120f;background:url(/wp-content/themes/pc/assets/images/dtline.png) no-repeat 0 bottom;margin-bottom: 15px; overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;-webkit-transition:all .5s;transition:all .5s;}
.newtj h3 a{color: #17120f;}
.newtj h3 span{font-size: 16px;color: #999999; float:right;}
.newtj p{font-size: 14px;line-height: 30px;height: 60px;overflow: hidden;color: #666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.newtj h3 a:hover{color:#1760c5}
.newtj h3:hover { padding-left:10px;-webkit-transition:all .5s;transition:all .5s;}
.newr{float: right;width: 50%;}
.newr { overflow:hidden;}
.newr li{height: 160px;}
.newr li dt{height: 50px;line-height: 36px;padding-left: 160px;position: relative;}
.newr li dt a{font-size: 16px;color: #333;display:block;background:url(/wp-content/themes/pc/assets/images/dtico1.jpg) no-repeat right 3px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; -webkit-transition:all .5s;transition:all .5s;font-weight:bold;}
.newr li dt b{ float:right; margin-left:20px; font-weight:400; }
.newr li dt a:hover{color:#1760c5; padding-left:10px;-webkit-transition:all .5s;transition:all .5s;}
.newr li dd {height: 56px;line-height: 28px;overflow: hidden;font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newr li:nth-child(1) dt{background:url(/wp-content/themes/pc/assets/images/dt01.png) no-repeat}
.newr li:nth-child(2) dt{background:url(/wp-content/themes/pc/assets/images/dt02.png) no-repeat}
.newr li:nth-child(3) dt{background:url(/wp-content/themes/pc/assets/images/dt03.png) no-repeat}
.newr li:nth-child(4) dt{background:url(/wp-content/themes/pc/assets/images/dt04.png) no-repeat}
.newr li:hover dt a{background:url(/wp-content/themes/pc/assets/images/dtico2.jpg) no-repeat right 3px;}
.anli_lb{overflow:hidden;margin:20px auto 0;}
.anli_lb ul{overflow:hidden;}
.anli_lb ul li{width:25%;float:left;overflow:hidden; border:10px #fff solid; box-sizing:border-box;}
.anli_lb ul li div{overflow:hidden;border:1px #ccc solid;padding:20px;}
.anli_lb ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:40px;line-height:40px;font-size:16px;text-align:center; position:relative;border:1px #ccc solid;border-top:none;}
.anli_lb ul li a:hover dd{color:#0053a7}
.anli_lb ul li a{color:#333}
.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%; }
.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli_lb ul li:hover p{color:#fff; background:#1760c5}
.anli_lb ul li:nth-child(4n){margin-right:0px;}
.tt_jiaodian{ margin:40px auto 0; overflow:hidden;}
.tt_box{ overflow:hidden; position:relative; background:#f5f5f5;}
.tt_box div{ float:left; width:30%; }
.tt_box div img{ width:100%; height:100%;}
.tt_box span{ display:block; float:right; width:64%; padding:3%;}
.tt_box span h3{ font-size:20px; color:#333;}
.tt_box span dd{ height:190px; line-height:27px; font-size:15px; margin-top:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:7;overflow: hidden; color:#666;}
.tt_jiaodian .swiper-pagination{ width:50%; right:0px; left:inherit ; bottom:10%}
.tt_jiaodian .swiper-container-horizontal> .tt_jiaodian .swiper-pagination-bullets,
.tt_jiaodian .swiper-pagination-custom,
.tt_jiaodian .swiper-pagination-fraction{ left:inherit; right:0px;}
.tt_jiaodian .swiper-pagination-bullet{ width:20px; height:5px; border-radius:6px;}
.tt_jiaodian .swiper-pagination-bullet-active{ background:#1760c5}
.news-list{width:100%;height:auto;overflow:hidden;margin-top:30px}
.news-list ul{margin-top:5px}
.news-list ul li{width:49%;height:auto;overflow:hidden;border:1px solid #e6e6e6;padding:30px 20px;box-sizing:border-box;transition:.5s;margin-bottom:20px;float:left}
.news-list ul li:nth-child(2n){float:right}
.news-list ul li .tit{width:100%;height:auto;overflow:hidden;padding-bottom:15px;background:url(/wp-content/themes/pc/assets/images/icon03.png) no-repeat right top;border-bottom:1px solid #e6e6e6}
.news-list ul li .time b{color:#333;font-size:36px;font-weight:700}
.news-list ul li .time p{color:#333;font-size:12px;margin-top:-3px}
.news-list ul li .info{width:100%;height:auto;overflow:hidden;margin-top:20px}
.news-list ul li .info h4{font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-list ul li .info p{color:#666;font-size:14px;height:48px;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;overflow:hidden}
.contact{overflow:hidden;margin:50px auto}
.contact ul{overflow:hidden}
.contact ul li{width:50%;border:10px #fff solid;overflow:hidden;background:#f2f2f2;box-sizing:border-box;float:left}
.contact ul li div{width:100px;height:100px;background:#ccc;border-radius:50%;margin:30px;float:left;overflow:hidden}
.contact ul li div img{margin:27px}
.contact ul li span{overflow:hidden}
.contact ul li span h3{overflow:hidden;font-size:18px;margin-top:40px;margin-bottom:10px}
.contact ul li span p{margin-bottom:5px}
.contact ul li span p a{color:#da251c}
.contact ul li:hover div{background:#da251c}
.ditu{height:400px;width:100%}
.pro-intro{overflow:hidden;padding:10px}
.pro-intro .img{float:left;width:405px;height:auto;overflow:hidden}
.pro-intro .img img{display:block;width:450px;height:395px}
.pro-intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}
.pro-intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}
.pro-intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}
.pro-intro .info .tel img{display:block;margin-top:25px;margin-left:25px}
.pro-intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}
.pro-intro .data{width:100%;height:auto;overflow:hidden}
.pro-intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}
.pro-intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}
.pro-intro .info .btn a:after{content:url(/wp-content/themes/pc/assets/images/kf.png);position:absolute;top:13px;right:29px}
.pro-intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}
.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}
.pro-intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}
.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}
.pro-intro .info .btn a:last-child::after{content:""}
.pro-intro .info .btn a:hover{background:#25b240}
.pro-intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}
.pro-intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}
.pro-intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}
.pro-intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px}
.pro-intro .textxq p{ text-indent:2em}
.pro-intro .textxq a{ color:#666;text-indent:2em}
.txt{width:100%;height:auto;overflow:hidden;margin-top:10px;font-size:20px;text-align:center;height:45px;font-weight:700;background:url(/wp-content/themes/pc/assets/images/tit02.png) no-repeat center bottom;color:#1c71c8}
.textxq img{max-width:100%;margin:0 auto;text-align:center;display:block}
.article-detailed{overflow:hidden;background:#fff;padding:20px 0px}
.article-detailed .tit{width:100%;height:auto;overflow:hidden;margin-bottom:15px}
.article-detailed .tit p{color:#333;font-size:24px;text-align:center;border-bottom:1px dashed #f1f1f1;padding:10px 0}
.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}
.article-detailed .intro{width:100%;height:auto;overflow:hidden}
.article-detailed .intro img{display:block;max-width:100%;margin:0 auto}
.article-detailed .intro p{color:#333;font-size:16px;line-height:30px; text-indent:2em;}
.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}
.fy p{width:33.333%;box-sizing:border-box;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 10px}
.fy p:last-child{border:none}
.fy p a{color:#666}
.w20{ margin:20px auto;}
.newbox_bot{ background:#f2f2f2; overflow:hidden; margin:60px auto 0}
.ys{ padding-top: 0px; margin:0 5% }
.ys_con{width: 100%;height: 750px;overflow: hidden;}
.ys_con ul{width: 100%;height: 750px;}
.ys_con li{width:15%;float: left;position: relative;cursor:pointer;height: 750px;box-sizing:border-box;border-left: solid 8px #fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.ys_con li:first-child{border: 0;}
.ys_con li:before{content: "";position: absolute;width:100%;height:100%;background:rgba(0, 0,0, 0.57);bottom:0;left:0;}
.ys_con li .shu2{width: 100%;height:68%;left:0;position: absolute;top:15%;}
.ys_con li .shu2 h3{height: 62.26%; font-family:DINProb; text-align:center; color:#fff; font-size:24px;}
.ys_con li .shu2 h3 img{ display: block;height: 20px;width: auto;margin: 0 auto; }
.ys_con li .shu2 em{ display: block;font-size: 12px;text-transform: uppercase;line-height: 12px;color: #bab3b0;text-align: center; }
.ys_con li .shu2 em img{ display: block;width:98px;height: 98px;margin: 0 auto; }
.ys_con li .shu2 em b{font-size: 30px;line-height: 30px;color: #fff;display: block;margin: 29px 0 16px;}
.ys_con li .bock{display: none;width:100%;position: absolute;bottom:0;left:0;background:rgba(193, 20, 63, 0.88);box-sizing:border-box;height:200px;padding: 40px 30px 0;transition:all 0.3s;}
.ys_con li .bock h3{float: left;width: 20%;font-size: 30px;color: #fff;height: 100px;box-sizing: border-box;line-height: 42px;font-weight: bold;background: url(/wp-content/themes/pc/assets/images/ys_dd.png) no-repeat right;text-align: left;padding-top: 8px; }
.ys_con li .bock h3 b{ display: block; }
.ys_con li .bock p{ width:77%; float:left }
.ys_con li .bock p i{ display: block; font-size: 16px;line-height:26px;color: #fff;position: relative;padding-left: 16px; margin-top:13px;}
.ys_con li.cur{width:55%;}
.ys_con li.cur:before{width: 0;height: 0;}
.ys_con li.cur .bock{display: block;}
.ys_con li.cur .shu2{ display: none;}
/*@media screen and (max-width:1366px) {
.ys_con li .bock{ padding: 40px 20px 0;}
.ys_con li .bock p{ width:320px; }
}
@media screen and (min-width:1367px) and (max-width:1440px) {
.ys_con li .bock{ padding: 40px 20px 0;}
.ys_con li .bock p{ width:320px; }
}
@media screen and (min-width:1441px) and (max-width:1660px) {
.ys_con li .bock{ padding: 40px 20px 0;}
.ys_con li .bock p{ width:320px; }
}
@media screen and (min-width:1661px) and (max-width:1920px) {
.ys_con li .bock p{ width:500px; }
}
*/
.gengduo{ overflow:hidden; margin:30px auto }
.more_button{position:relative;overflow:hidden; z-index:1;width:48px;height:48px;border:1px solid #d1d1d1;-moz-border-radius:100%;border-radius:100%;color:#e0e0e0;text-align:center;line-height:48px;display:block;margin:0 auto;
font-size: 12px;
-o-transition: all 1.7s ease;
-moz-transition: all 1.7s ease;
transition: all 1.7s ease;
-webkit-mask-image: radial-gradient(white, black);
mask-image: radial-gradient(white, black);
}
.more_button:focus{outline:none;}
.more_button:hover {
background: #D10F44;
color: #fff;
border: 1px solid #D10F44;
}
.more_button i {
display: block;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
width: 100%;
height: 100%;
background: -moz-radial-gradient(#D10F44, #D10F44,#D10F44,#D10F44,#D10F44,#D10F44,#D10F44,#D10F44,#D10F44);
background: -o-radial-gradient(#D10F44, #D10F44,#D10F44,#D10F44,#D10F44,#D10F44,#D10F44,#D10F44,#D10F44);
background: radial-gradient(#D10F44, #D10F44,#D10F44,#D10F44,#D10F44,#D10F44,#D10F44,#D10F44,#D10F44);
opacity: 0;
-o-transition: 1.2s, opacity 1.8s;
-moz-transition: 1.2s, opacity 1.8s;
transition: 1.2s, opacity 1.8s;
-moz-border-radius: 50%;
border-radius: 50%;
}
.more_button:hover i {
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
transform: scale(10);
opacity: 1;
-o-transition: 3s, opacity .3s;
-moz-transition: 3s, opacity .3s;
transition: 3s, opacity .3s;
}
.dot2 span,.dot1 span{position:absolute;color:#d1d1d1;left:50%;top:50%;
-webkit-transform: translateX(-50%)translateY(-50%);
-moz-transform: translateX(-50%)translateY(-50%);
-o-transform: translateX(-50%)translateY(-50%);
transform: translateX(-50%)translateY(-50%);
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
}
/*dot1*/
.dot1 span{
color: #d1d1d1;
}
.dot1 span:nth-child(1){
-o-transition: all 0.4s .5s ease, color .3s;
-moz-transition: all 0.4s .5s ease, color .3s;
transition: all 0.4s .5s ease, color .3s;
left:30%;
}
.dot1 span:nth-child(2){
-o-transition: all 0.4s .4s ease, color .3s;
-moz-transition: all 0.4s .4s ease, color .3s;
transition: all 0.4s .4s ease, color .3s;
left:50%;
}
.dot1 span:nth-child(3){
-o-transition: all 0.4s .3s ease, color .3s;
-moz-transition: all 0.4s .3s ease, color .3s;
transition: all 0.4s .3s ease, color .3s;
left:70%;
}
.more_button:hover .dot1 span:nth-child(1){
left: 120%;
-o-transition: all 0.4s .2s ease, color .3s;
-moz-transition: all 0.4s .2s ease, color .3s;
transition: all 0.4s .2s ease, color .3s;
color: #fff;
}
.more_button:hover .dot1 span:nth-child(2){
left: 120%;
-o-transition: all 0.4s .1s ease, color .3s;
-moz-transition: all 0.4s .1s ease, color .3s;
transition: all 0.4s .1s ease, color .3s;
color: #fff;
}
.more_button:hover .dot1 span:nth-child(3){
left: 120%;
-o-transition: all 0.4s 0s ease, color .3s;
-moz-transition: all 0.4s 0s ease, color .3s;
transition: all 0.4s 0s ease, color .3s;
color: #fff;
}
/*dot2*/
.dot2 span:nth-child(1){
left:-20%;
-o-transition: all 0.4s .2s ease, color .3s;
-moz-transition: all 0.4s .2s ease, color .3s;
transition: all 0.4s .2s ease, color .3s;
color:#d1d1d1
}
.dot2 span:nth-child(2){
left:-20%;
-o-transition: all 0.4s .1s ease, color .3s;
-moz-transition: all 0.4s .1s ease, color .3s;
transition: all 0.4s .1s ease, color .3s;
color:#d1d1d1
}
.dot2 span:nth-child(3){
left:-20%;
-o-transition: all 0.4s 0s ease, color .3s;
-moz-transition: all 0.4s 0s ease, color .3s;
transition: all 0.4s 0s ease, color .3s;
color:#d1d1d1
}
.more_button:hover .dot2 span:nth-child(1){
left:30%;
-o-transition: all 0.4s .5s ease, color .3s;
-moz-transition: all 0.4s .5s ease, color .3s;
transition: all 0.4s .5s ease, color .3s;
color: #fff;
}
.more_button:hover .dot2 span:nth-child(2){
left:50%;
-o-transition: all 0.4s .4s ease, color .3s;
-moz-transition: all 0.4s .4s ease, color .3s;
transition: all 0.4s .4s ease, color .3s;
color: #fff;
}
.more_button:hover .dot2 span:nth-child(3){
left:70%;
-o-transition: all 0.4s .3s ease, color .3s;
-moz-transition: all 0.4s .3s ease, color .3s;
transition: all 0.4s .3s ease, color .3s;
color: #fff;
}
.xbanner img { width:100%}
@media screen and (max-width:1800px){
.menu .nav li a{ width:110px;}
}
@media screen and (max-width:1700px){
.menu .nav li a{ width:100px;}
.newr li {
height: 144px;
}
.pic_zx ul li:hover .p_bjk dd{ bottom:20%;}
}
@media screen and (max-width:1595px){
.menu .nav li a{ width:90px;}
}
@media screen and (max-width:1500px){
.menu {
margin: 0 1%;}
.menu .nav li a{ width:85px;}
}
@media screen and (max-width:1440px){
.newr li {
height: 130px;
}
.ys_con li .bock h3{ width:22%}
.super_bt h3{ font-size:24px;}
.case_c dl{width: 1200px;position: relative;margin-right: 50px;}
.case { padding: 10px 0 70px;}
.case:before { bottom:70px;}
.prev2, .next2{ bottom:118px;}
.f_con{ width:1200px;}
.pic_box ul li div dl dt {
margin: 50px auto 0;
}
.tt_box span dd {
height: 110px;
line-height: 27px;
font-size: 15px;
margin-top: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
color: #666;
}
.picScroll-top .bd ul li dl {
padding: 25px 30px;
}
}
@media screen and (max-width:1400px){
.menu .nav {
margin-right: 1%;
}
.hot,.wx{ display:none;}
.menu{ margin:0 1% }
.content{ padding:0 1%}
.anlid{ width:1000px;}
.case_c dl{ width:1000px; overflow:hidden;}
.case_c dt, .case_c dt img{ width:1000px; height:500px;}
.case:before{ margin-left:-500px;}
.case_c dd{ width:704px;}
.prev2 {
margin-left: -450px;
}
.next2{ margin-left: -350px;}
.f_con{ width:auto;}
.pic_zx ul li:hover .p_bjk dd{ bottom:15%; }
.pic_zx ul li .p_bjk div {margin: 80px auto 30px;}
}
@media screen and (max-width:1290px){
.menu .nav li a {
width: auto;
font-size: 15px;
margin: 0 13px;
}
}
@media screen and (max-width:1255px){
.menu .nav li a{ width:auto; margin: 0 8px;}
}
@media screen and (max-width:1200px){
.n_banner{ margin:0px auto;}
.n_banner img{ width:250%; margin-left:-200px;}
.menu{ padding:0px;}
.menu .nav{ float:inherit; width:100%}
.menu ul.nav_show{ display:block; position:fixed ; z-index:999;background:rgb(23 96 197 / 92%); height:100%; border-top:1px #ccc solid}
.menu .nav li{ width:100%; overflow:hidden; float:inherit; line-height:.35rem; font-size:0.22rem;}
.menu .nav li a{ text-align:center; width:100%; height:55px; line-height:55px; color:#fff ; border-bottom:1px #ccc solid;}
.menu .nav li a:hover{color:#fff}
.had{ margin:0px auto;}
.nav_s{background:rgba(255,255,255,0.9);}
.title {
overflow: hidden;
margin: 3% auto;
}
.title h3{ font-size:0.3rem}
.title h3 span{ font-size:0.3rem}
.title p{ font-size:0.2rem;}
.sp_nav{ display:block;}
.nav,.side,.hot,.sousuo,.wx{ display:none;}
.newbox .solution_til {
margin: 10px auto;
width: 100%;
}
.part_c {
width: 1200px;
margin: 0px auto 20px;
overflow: hidden;
}
.about_left {
width: auto;
float: none;
overflow: hidden;
}
.about_video {
width: auto;
float: none; overflow:hidden; margin-top:20px;}
.content{ margin:0px auto;}
.pic_nav{ text-align:center;}
.pic_nav span {
font-size: 48px;
color: #666;
float: none;
}
.newcon{ margin:0 10px;}
.pic_nav ul {
overflow: hidden;
float: none;
margin-top: 20px;
}
.newtj,.newr {
float:inherit;
width: auto;
}
.anli_datu {
float:inherit;
width: auto;
}
.anli_sid {
float: inherit;
width: auto;
}
.picScroll-top .hd { display:none;}
.pic_nav ul li{ width:33.33%; float:left ; border:5px #fff solid; box-sizing:border-box; background:#f2f2f2; margin:0px;}
.pic_box ul li:nth-child(n+7){ display:none;}
.pc_banner{ display:none}
.m_banner{ display:block;}
.main {
overflow: hidden;
margin: 0px auto;
}
.shili_tit {
margin: 20px auto 0; max-width:750px
}
.mumping_mun li{ width:50%; margin-top:-1px;}
.box1{ margin:0px auto}
.about_left h3{ text-align:center}
.about_left span{ display:none;}
.about p{ font-size:0.3rem;}
.about h3{ font-size:0.25rem; letter-spacing:0px; margin:0.3rem;}
.about h4{ font-size:0.4rem;}
.pic_box ul li{ width:50%; border:5px #fff solid}
.pic_box ul li p{ font-size:0.2rem}
.super,.case{ display:none;}
.ys{ display:none;}
.m_ys{ display:block; width:100%; overflow:hidden; margin:0px auto;}
.m_super_wc{width: auto; background:#cd4365 ; padding:0 15px 30px;; }
.m_ys .swiper-container{ background:#cd4365 ;}
.m_super_wc p{padding: 0 0 20px;; color:#fff; font-size:16px;}
.m_super_bt{padding: 20px 0;}
.m_super_bt span{font-size:.35rem;line-height: .4rem;margin-bottom:32px;color: #fff;font-weight: bold;}
.m_super_bt h3{font-size: 0.25rem;line-height: 0.35rem;color: #fff;white-space: nowrap;}
.m_img,.m_img img{ width:100%; overflow:hidden;}
.m_super_wc p{ font-size:0.2rem;}
.m_ys .swiper-pagination-bullet {
width: 30px;
height: 6px;
display: inline-block;
border-radius: 6px;
background: #000;
opacity: .2;
}
.m_ys .swiper-pagination-bullet-active{ background:#fff; opacity:1}
.m_anli{ width:100%; margin:0px auto; display:block; background:#f2f2f2; padding:10px 0 30px}
.m_anli .swiper-slide{ position:relative; overflow:hidden;}
.m_anli .swiper-slide dl {
display: block;
width: 90%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
bottom: 0;
padding: 3% 5%;
}
.m_anli .swiper-slide dl h4{ font-size:0.25rem; color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m_anli .swiper-slide dl p{ color:#fff; font-size:0.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m_anli .swiper-button-next,.m_anli .swiper-button-prev{ top:25%}
.m_anli .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
background-image:url(/wp-content/themes/pc/assets/images/prev1.png);
left: 10px;
right: auto;
}
.m_anli .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background-image:url(/wp-content/themes/pc/assets/images/next1.png);
right: 10px;
left: auto;
}
.m_anli .swiper-button-next,.m_anli .swiper-button-prev {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 44px 44px;
-webkit-background-size: 44px 44px;
background-size: 44px 44px;
background-position: center;
background-repeat: no-repeat;
}
.part_c{ overflow-x:scroll; width:auto;}
.part_c ul{ width:17rem}
.process { display:none;}
.picScroll-top{ margin:20px auto}
.picScroll-top .bd{ float:left; width:auto; }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{ text-align:center; zoom:1; margin-bottom:20px; float:left; margin:0 8px; }
.solution_til li {
display: block; width:33.33%; background:#f3f3f3; border:5px #fff solid; margin:0px; float:left; box-sizing:border-box;
text-align: center;
}
.pic_nav1{ overflow:hidden; margin:30px auto}
.pic_nav1 ul{overflow:hidden; text-align:center;}
.pic_nav1 ul li{ overflow:hidden; background:#f2f2f2; border:5px #fff solid; display:block; padding:3% 0; box-sizing:border-box; font-size:16px; width:33.33% ; float:left;}
.tt_jiaodian{background:#f5f5f5 ; padding-bottom:20px;}
.tt_jiaodian .swiper-container{ padding-bottom:30px; }
.solution_til li a {
width: auto;
height:inherit;
line-height: inherit;
background: #f3f3f3;
display: block;
color: #333;
overflow: hidden;
margin: 0px; padding:5% 0;
font-size: 0.2rem;
}
.new_c1 ul li{ width:4.2rem;}
.new_c1 {
overflow-X:scroll;
}
.new_c1 ul {
overflow: hidden;
width: 13rem;
}
.new_c1 ul li:nth-child(2) {
margin: 0%;
}
.new_con{ margin:0 10px;}
.new_c1 ul li{ border-right:10px #fff solid;}
.new_c1 ul li:nth-child(3){ border-right:none;}
.new_c1 dd h4{ font-size:0.25rem; height:inherit; line-height:inherit; padding:3% 0;}
.new_c1 dd p{ font-size:0.2rem; height:0.8rem; line-height:0.38rem}
.links,.b_nav{ display:none;}
.fanhui{ width:40px; display:block; background:#0d4a80; padding:8px 5px 5px; border-radius:6px; text-align:center; position:fixed; right:0px; bottom:15%; z-index:995}
.f_nav1{ display:none;}
.f_nav{ width:auto; margin:0px auto; text-align:center;}
.fl{ float:none;}
.f_con h3 {
font-size: 16px;
line-height: 44px;
height: 64px;
position: relative;
margin-bottom: 17px; text-align:center;
}
.f_nav a {
display: block;
width: auto;
float: none;
opacity: 0.8;
}
.f_con{ padding:3% 0}
.f_con h3:before{content:""; display:none;}
.f_con h3:after{ position:inherit; display:block; content:"——"; color:#fff; line-height: 10px;}
.f_nav dd {
color: #fff;
line-height: 0.35rem;
color: #fff; font-size:0.2rem;
}
.f_wz{ font-size:0.2rem; padding-bottom:1.5rem; margin:0px auto}
.boot{ width:100%; margin:0px auto; display:block;}
.buttom{background:#0d4a80;bottom:0;margin:0 auto;min-width:320px;position:fixed;width:100%;z-index:99; }
.buttom ul{overflow:hidden}
.buttom ul li{color:#fff;float:left;width:25%;padding:3% 0;border-right:1px #fff solid;box-sizing:border-box}
.buttom ul li .sy{overflow:hidden;text-align:center;vertical-align:middle;width:50%;margin:0 auto}
.buttom ul li p{font-size:.2rem;overflow:hidden;text-align:center}
.buttom ul li a{color:#fff}
.buttom ul li .sy img{width:80%}
.footer{ margin:0px auto; padding:0px;}
.newbox{ margin:0px auto}
.about_left dd{ font-size:0.22rem; line-height:0.38rem; -webkit-line-clamp: 5; text-align:justify; text-indent:2em; padding:0 10px; }
.about_left h3 p,.about_left h3 p span{ font-size:0.3rem;}
.about_left h3 p{ bottom:-15px;}
.about_left h3{ font-size:0.4rem;}
.w50 {
padding-top: 20px;
}
.mumping_mun li p{ font-size:0.22rem;}
.mumping_mun li span{ font-size:0.18rem;}
.logo{ margin-left:10px;}
.pic_content ul li{ width:50%; border: 3px #fff solid;}
.pic_content ul li .pic_com div p span{ font-size:0.13px;}
.pic_content ul li .pic_com dl dd{ font-size:0.2rem;}
.anli_lb ul li{ width:50%; border: 3px #fff solid;}
.anli_lb ul li div{ padding:2px;}
.tt_box div {
float: none;
width: auto;
}
.tt_box span {
display: block;
float: none;
width: auto;
padding: 3%;
}
.tt_jiaodian .swiper-pagination {
width: 100%;
right: 0px;
left: inherit;
bottom: 0%;
}
.tt_box span h3{ font-size:0.22rem;}
.tt_box span dd {
height:inherit;;
line-height: 0.4rem;
font-size: 0.2rem;
margin-top: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
color: #666;
}
.pro-intro .share{height:inherit;line-height:inherit;padding:10px 0}
.pro-intro .share p span{display:block;font-size:.18rem;color:#999;padding:0 8px}
.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}
.fy p{width:50%;box-sizing:border-box;height:inherit;line-height:inherit;float:left;color:#666;font-size:.2rem;text-align:center;border-right:1px solid #d2d2d2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:10px}
.fy p:last-child{border:none;border-top:1px #ccc solid;width:100%}
.pro-intro h2{font-size:.25rem}
.mbx .p1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float:inherit;}
.mbx .p1 a {
display:inline;
padding-right: 14px;
background: url(/wp-content/themes/pc/assets/images/InpageAddress_icon02.png) no-repeat center right;
font-size: 16px;
float: none;
margin-left: 10px;
}
.pic_box{ margin-bottom:20px;}
.video-box,.gengduo{ display:none;}
.new_l .swiper-pagination{ display:block;}
.new_l .swiper-container{ padding-bottom:50px;}
.new_l .swiper-pagination-bullet{ width:30px; height:6px; border-radius:6px;}
.new_l .swiper-pagination-bullet-active{ background:#1760c5}
.sf .f_nav:nth-child(1) {
float: none;
width: auto;
}
.sf .f_nav:nth-child(2) {
float:inherit;
margin-right: 0px;
width: auto;
}
.sf {
float: none;
width: 100%;
}
.sf .f_nav:nth-child(2) dd {
text-align:center;
color: #787878;
font-size: 16px;
}
.f_text {
width: auto; float:inherit;
}
.zixun{ display:none;}
.fr {
float:inherit;
}
.f_code{ text-align:center;}
.f_code{ width:120px; overflow:hidden; margin:0px auto;}
.f_code p:nth-child(2) {
margin: 0; text-align:center;display: contents;
}
.sf .f_nav:nth-child(1) dd {
text-align:center;
color: #787878;
font-size: 16px;
}
.f_text {
width: 120px;
float:inherit; margin:0px auto;
}
.zixun{ display:none;}
.anli ul li p{ font-size:0.2rem;}
.newtj h3{ font-size:0.22rem;margin-bottom: 0px;}
.newtj p{ font-size:0.2rem; height:inherit; line-height:0.38rem; margin-bottom:20px;}
.newr li dt a{ font-size:0.22rem;}
.newr li dd {
height:inherit;
line-height:0.38rem; font-size:0.2rem;}
.newr li{ height:inherit; margin-bottom:20px;}
.newr li dt{height:inherit; line-height: inherit; padding:2% 0}
.newr li:nth-child(1) dt{background:url(/wp-content/themes/pc/assets/images/mdt01.png) no-repeat center left ; background-size:12%}
.newr li:nth-child(2) dt{background:url(/wp-content/themes/pc/assets/images/mdt02.png) no-repeat center left;background-size:12%}
.newr li:nth-child(3) dt{background:url(/wp-content/themes/pc/assets/images/mdt03.png) no-repeat center left;background-size:12%}
.newr li:nth-child(4) dt{background:url(/wp-content/themes/pc/assets/images/mdt04.png) no-repeat center left;background-size:12%}
.newr li dt {
padding-left: 12%;
}
.newr li dt b {
position:relative;
top: 0;
width: auto;
font-size: 0.16rem;
color: #999999;
line-height:inherit;
right: 0px;
}
.pic_zx ul li .p_bjk div {margin: 40px auto 30px;}
}
@media screen and (max-width:1050px){
.pic_zx ul li .p_bjk div {margin: 20px auto 20px;}
.pic_zx ul li .p_bjk div { width:60px; height:60px;}
}
@media screen and (max-width:750px){
.tt_jiaodian{ margin:15px auto}
.solution_til{ margin:0px auto}
.menu{ margin:0px;}
.pic_nav ul li{ width:50%; font-size:0.22rem;}
.contact ul li{ width:auto; float:inherit;}
.mumping_mun li b{ font-size:40px;}
.mumping_mun li{ padding:0px 0 30px;}
.pic_nav span{ font-size:0.35rem;}
.new_l{ margin:0 10px;}
.picScroll-top .bd ul li dl dd{ font-size:0.22rem;}
.picScroll-top .bd ul li dl {
padding: 10px 10px;
}
.anli_datu dl{ padding:15px}
.anli_datu dl dd{ font-size:0.22rem;}
.anli_datu dl dt {
font-size: 0.2rem;
line-height: 0.35rem;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.mumping_mun li dt{ font-size:0.2rem;}
.anli ul li{ width: 220px}
.anli ul li p{ font-size:0.2rem;}
.links{ display:none;}
.sf .f_nav:nth-child(1) dd{ font-size:0.2rem;}
.sp_nav{ margin-right:10px;}
.mumping_mun li b sup{ font-size:0.2rem;}
.title2 h3{ font-size:0.3rem;}
.title2 p{ font-size:0.2rem;}
.pic_nav1 ul li{ font-size:0.2rem;}
.title2{ margin:20px auto 0px;}
.pic_nav1{ margin:10px auto}
.newbox_bot{ margin:20px auto 0}
.pic_zx ul li { background:#1760c5;
width: 25%;
border: 3px #fff solid;
box-sizing: border-box;
float: left;
overflow: hidden;
position: relative;
}
.pic_zx ul li img{ display:none;}
.pic_zx ul li .p_bjk {
position:relative;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
overflow: hidden;
-webkit-transition: all .5s;
transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
z-index: 10;
}
.pic_zx ul li .p_bjk div img{ display:block;}
.pic_zx ul li .p_bjk h3{ font-size:0.2rem; padding-bottom:20px;}
.pic_zx ul li:hover .p_bjk{ margin:0%; width:100%; height:100%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; border:none }
.pic_zx ul li:hover:before{ content:""; width:100%; height:50%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; display:none }
.pic_zx ul li:hover:after{ content:""; width:100%; height:50%; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; display:none }
.pic_zx ul li:hover .p_bjk dd{ bottom:30%; z-index:999; display:none;}
.pic_zx ul li .p_bjk dd:hover{ background:#fff; color:#000}
.pic_nav1 ul li {
overflow: hidden;
background: #1760c5;
border: 5px #fff solid; color:#fff;
}
.pic_nav1 ul li a{ color:#fff;}
}
@media screen and (max-width:520px){
.logo{ width:75%;margin-top: 24px;}
.logo img{ width:100%;}
}
@media screen and (max-width:450px){
.isMyVideoOne{ height:180px;}
.isMyVideo img {
width: 100%;
height: 180px;
}
.f_wz{ padding-bottom:1rem;}
.logo{ font-size:0.35rem; margin-left:10px;}
.sp_nav{ margin-top:34px;}
.pic_zx ul li .p_bjk div{ width:40px; height:40px;}
}
@media screen and (max-width:400px){
.logo{ width:75%;margin-top: 18px;}
.sp_nav {
margin-top: 29px;
}
.head{ height:80px;} .nav_show {
top: 80px;
}